// ios-theme.scss

/* 设置 iOS 风格的基础颜色 */
:root {
  --q-primary: #007aff; // iOS 风格的蓝色
  --q-secondary: #5856d6; // iOS 风格的紫色
  --q-accent: #ff9500; // iOS 风格的橙色
  --q-negative: #ff3b30; // 错误（红色）
  --q-positive: #4cd964; // 成功（绿色）
  --q-info: #5ac8fa; // 信息（浅蓝色）
  --q-warning: #ffcc00; // 警告（黄色）
  --q-light: #f0f0f5; // 淡灰色背景
  --q-dark: #1d1d1d; // 黑色
  --q-text: #000000; // 黑色文字
  --q-border: #d1d1d6; // 边框色
  --q-input-border: #c8c7cc; // 输入框边框色
  --q-input-background: #f0f0f5; // 输入框背景色
  --q-button-background: #007aff; // 按钮背景色
  --q-button-text: #ffffff; // 按钮文字色
  --q-table-header-background: #f7f7f8; // 表格头部背景色
  --q-table-border: #e0e0e0; // 表格边框颜色
}
.q-field--outlined .q-field__control {
  // min-height: 45px;
}

.q-field__marginal {
  // min-height: 45px;
}
.q-field--auto-height .q-field__control {
  // min-height: 30px;
}
.q-field__native,
.q-field__input {
  // min-height: 45px;
  padding: 0;
}

.form-label {
  font-size: 14px;
  color: #606266;
  line-height: 45px; // 调整 label 行高以匹配输入框高度
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-right: 12px;

  &.required:before {
    content: '*';
    color: #f56c6c;
    margin-right: 4px;
  }
}
//
/* 全局字体和背景设置 */
body {
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background-color: var(--q-light);
  color: var(--q-text);
}

/* 输入框样式 */
.q-input__control {
  background-color: var(--q-input-background);
  border: 1px solid var(--q-input-border);
  border-radius: 10px;
  padding: 10px;
}
.q-tab-panel {
  padding: 0;
}
.q-input__control:focus {
  border-color: var(--q-primary);
}

/* 按钮样式 */
.q-btn {
  border-radius: 15px;
  //   padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
}

.q-btn.q-btn-primary {
  background-color: var(--q-primary);
  color: var(--q-button-text);
}

.q-btn.q-btn-primary:hover {
  background-color: #0051a8;
}

.q-btn.q-btn-secondary {
  background-color: var(--q-secondary);
  color: var(--q-button-text);
}

.q-btn.q-btn-secondary:hover {
  background-color: #4c35b4;
}

/* 卡片和对话框 */
.q-card {
  background-color: #ffffff;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.q-dialog {
  border-radius: 16px;
  //   background-color: #ffffff;
}

/* 表格样式 */
.q-table__header {
  background-color: var(--q-table-header-background);
}

.q-table__td {
  border: 1px solid var(--q-table-border);
  padding: 10px;
  font-size: 14px;
}

.q-table__th {
  font-weight: bold;
}

/* 选项卡和导航栏 */
.q-tabs {
  background-color: var(--q-light);
  border-bottom: 1px solid var(--q-border);
}

.q-tab {
  color: var(--q-text);
  font-weight: 600;
}

.q-tab.q-tab-active {
  color: var(--q-primary);
}

/* 其他组件调整 */
.q-chip {
  background-color: var(--q-light);
  border: 1px solid var(--q-border);
  color: var(--q-primary);
}

.q-menu {
  border-radius: 12px;
}

.q-card-section {
  padding: 20px;
  font-size: 16px;
}
.q-field--filled .q-field__control {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  // height: 40px !important;
}
/* 自定义阴影效果 */
.q-card,
.q-btn,
.q-input__control {
  //   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
